
/* 
    Document   : toast
    Created on : Apr 21, 2014, 1:50:54 PM
    Author     : DucTuan
*/
@import 'vars';
/*
 *@Toast message
 */

.Toast_message,
.Toast_proccess_wrapper,
.Toast_proccess{
    margin: auto;
    position: fixed;
    top:0px;left:0px;
    bottom:0px;right: 0px;
    font-family: 'Roboto';
    font-size: 13px;
    color:#fff;
}
.Toast_message{
    height: 57px;
    z-index: 99999;
    text-align: center;

    .Toast_message_inner{
        color: #fff;
        padding:9px 9px;
        background: rgba(0,0,0,.9);
        font-size: 14px;
        display: inline-block;
        border-radius: 5px;
        @include transition(.5s);

        .toast_preload{
            width: 20px;
            height: 20px;
            background-size: 100%;
            float: left;
        }
    }
    .Toast_button_load{
        color: #c1c1c1;
    }
    .Toast_button.hover{
        background: rgba(0,117,255,.95);
    }
    span{
        margin-right: 9px;
    }

}

.Toast_message_bottom{
    top: auto;
    bottom: 70px;
}
.Toast_message_top{
    top: 50px;
    bottom: auto;
}
.Toast_message_large{
    font-size: 20px;
    font-weight: bold;
    height: 58px;
    width: 177px;
    border-radius: 9px;
    padding: 13px;
    border: 2px solid rgba(255,255,255,.15);
    color: #eee;
}
.Toast_message_large{
    span{
        font-size: 30px;
        float: left;
        margin-top: 1px;
        color: #fff;
    }
}

.Toast_proccess_wrapper{
    background: rgba(0,0,0,.3);
    z-index: 999990;
}
.Toast_proccess{
    background: rgba(0,0,0,.9);
    padding: 25px;
    display: inline-block;
    border-radius: 9px;
    width: 82px;
    height: 80px;
    z-index: 99999;
    text-align: center;
}
.Toast_proccess span{
    font-size: 32px;
    display: block;
}
.toast_preload{
    background: url('../images/Toast_loading.GIF') no-repeat;
    width: 32px;
    height: 32px;
    display: inline-block;
}
.Toast_proccess_text{
    padding: 15px;
    width: 110px;
    height: 85px;
    color: #e9e9e9;
}
.Toast_proccess_text span{
    display: block;
    margin: auto;
    margin-bottom: 5px;

}
.Toast_proccess_text h6{
    font-size: 14px;
    font-weight: normal;
}
.Toast_proccess_text p,.Toast_proccess p{
    font-size: 11px;
}


/*
 *@Dialog

.Dialog_wrapper,.Dialog_layout{
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 999999;
}
.Dialog_layout{
    z-index: 1;
    background: none;
}

.Dialog{
    z-index: 2;
    background: url('../images/inside-bg2@x1-568.png') no-repeat;
    background-size: 100% 100%;
    width: 451px;
    height: 187px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;

    .Dialog_content{
        width: 80%;
        margin: auto;
        margin-top: 46px;
        font-size: 15px;
        color: #333333;

        span{
            font-weight: bold;
            color: #FF9900;
        }
    }

    .Dialog_buttons{
        text-align: center;
        margin-top: 23px;
        a,button{
            background: #666666;
            font-family: 'ProximaNovaBold';
            font-size: 15px;
            text-decoration: none;
            border: none;
            color: #fff;
            text-transform: uppercase;
            padding: 5px 19px;
            border-radius: 6px;
            display: inline-block;
            margin-left: 15px;
        }
        .yellow{
            color: #000;
            background: -webkit-linear-gradient(#ffac0d, #ff6d00);
            background: -o-linear-gradient(#ffac0d, #ff6d00);
            background: -moz-linear-gradient(#ffac0d, #ff6d00);
            background: linear-gradient(#ffac0d, #ff6d00);
            border: 1px solid #ff7f00;
            box-shadow: 0px 1px 1px #ffea17 inset;
        }
        a:first-child,button:first-child{
            margin: 0px;
        }
    }
}


.Dialog.down{
    @include translate3d(0%, -120%, 0px);
    @include transition(.4s);
}

.Dialog.up{
    @include translate3d(0%, 120%, 0px);
    @include transition(.4s);
}
 */